<template>
    <div><img class="image" :src="address.minioUrl+'image/'+vedio.imgUrl"></div>
    <div v-html="vedio.title"></div>
    <span class="button-font">
        {{vedio.authorName}} · 
        <span v-if="new Date(vedio.createTime).getFullYear() !== new Date().getFullYear()">{{new Date(vedio.createTime).getFullYear()}}年</span>
        {{new Date(vedio.createTime).getMonth()+1}}月{{new Date(vedio.createTime).getDate()}}日
    </span>
</template>

<script setup lang="ts">
    import { ref, onMounted, defineProps } from 'vue'
    import Vedio from '../../types/video/Video'
    import {address} from '../../base/address'
    defineProps<{
        vedio:Vedio
    }>()

</script>


<style>
    b{
        color: rgb(255, 126, 126);
    }
</style>

<style scoped>
    .image{
        height: 250px;
        width: 300px;
        border: 1px;
        border-radius: 10px;
    }

    .button-font{
        font-size: 14px;
        color: rgb(150, 148, 148);

    }


</style>